<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="base" uri="http://qdbp.gitee.io/tags/base/"%>

<!DOCTYPE html>
<html>
<head>
	<%@ include file="../../_/meta.jsp"%>
	<title>个人中心 - ${pv.project.name}</title>
	<%@ include file="../../_/style.jsp"%>
	<link href="<base:url href='assets/pc/mine/personnel/user-profile.css'/>" rel="stylesheet" type="text/css" />
</head>

<body>
	<%@ include file="../../_/header.jsp"%>
	<header class="breadcrumbs bg-light-grey">
		<div class="container">
			<a href="<base:url href='/' />">首页</a> &gt; <a>个人中心</a> &gt; <a>个人资料</a>
		</div>
	</header>
	<section class="ibody bg-light-grey pb-lg">
		<div class="container">
			<div class="row">
				<div class="col-xs-3 col-md-2 pr-clear">
					<jsp:include page="../_/menu.jsp">
					    <jsp:param name="menu" value="user-profile"/>
					</jsp:include>
				</div>
				<div class="col-xs-9 col-md-10">
					<div class="main-panel bg-white plr-md ptb-sm">
						<div class="row ptb-md">
							<div class="col-sm-3 hidden-xs pr-clear">
								<div><img class="img-thumbnail img-circle portrait-img" src="<base:url href='assets/img/user/default.png'/>" /></div>
								<div class="text-center pt-xs">
									<form class="btn btn-default file-upload-box" data-zupload="{folder:'temps',extra:{'category':'portrait'}}" method="POST" action="<base:url href='actions/account-auth/base-info/update.json'/>">
										设置头像
										<input type="file" name="image" accept=".png,.jpeg,.jpg" data-zupload="photo" data-options="{message:'设置'}" />
										<input type="hidden" name="photo" />
									</form>
								</div>
							</div>
							<div class="col-sm-9 col-xs-12">
								<form class="form-horizontal" onsubmit="return false">
									<div class="form-group">
										<label class="col-sm-3 control-label">昵称</label>
										<div class="col-sm-8">
											<div class="input-group input-btn-box">
												<input name="nickName" type="text" class="form-control uneditable" placeholder="未设置" />
												<div class="input-group-btn"> <button class="btn btn-default" data-toggle="modal" data-target=".modal-edit-nickname"><i class="fa fa-pencil"></i></button> </div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label">密码</label>
										<div class="col-sm-8">
											<div class="input-group input-btn-box">
												<input name="password" type="password" class="form-control uneditable" placeholder="未设置" />
												<div class="input-group-btn"> <button class="btn btn-default" data-toggle="modal" data-target=".modal-edit-password"><i class="fa fa-pencil"></i></button> </div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label">性别</label>
										<div class="col-sm-8">
											<div class="input-group input-btn-box">
												<input name="genderText" type="text" class="form-control uneditable" placeholder="未设置" />
												<div class="input-group-btn"> <button class="btn btn-default" data-toggle="modal" data-target=".modal-edit-gender"><i class="fa fa-pencil"></i></button> </div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label">手机号码</label>
										<div class="col-sm-8">
											<div class="input-group input-btn-box">
												<input name="phone" type="text" class="form-control uneditable" placeholder="未设置" />
												<div class="input-group-btn"> <button class="btn btn-default" data-toggle="modal" data-target=".modal-edit-phone"><i class="fa fa-pencil"></i></button> </div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label">邮箱地址</label>
										<div class="col-sm-8">
											<div class="input-group input-btn-box">
												<input name="email" type="text" class="form-control uneditable" placeholder="未设置" />
												<div class="input-group-btn"> <button class="btn btn-default"><i class="fa fa-pencil"></i></button> </div>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
						<hr />
						<div class="row pb-xs">
							<div class="col-xs-12 pb-xs">
								绑定第三方帐号，可用于直接登录网站
							</div>
							<div class="col-xs-4 text-center">
								<p><a class="oauth-icon weixin"><span class="fa fa-weixin"></span></a></p>
								<p><a>点击绑定&gt;&gt;</a></p>
							</div>
							<div class="col-xs-4 text-center">
								<p><a class="oauth-icon qq"><span class="fa fa-qq"></span></a></p>
								<p><a>点击绑定&gt;&gt;</a></p>
							</div>
							<div class="col-xs-4 text-center">
								<p><a class="oauth-icon weibo"><span class="fa fa-weibo"></span></a></p>
								<p><a>点击绑定&gt;&gt;</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<%@ include file="../../_/footer.jsp"%>

	<div class="modal modal-edit-nickname" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">修改昵称</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal vld-form" method="POST" action="<base:url href='actions/account-auth/base-info/update.json'/>" onsubmit="return false">
						<div class="form-group">
							<label class="col-sm-3 control-label">昵称</label>
							<div class="col-sm-8">
								<input name="nickName" type="text" class="form-control" data-vld="{required:true}" autofocus />
								<div class="vld-tips"></div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary do-submit">保存</button>
				</div>
			</div>
		</div>
	</div>

	<div class="modal modal-edit-gender" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">修改性别</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal vld-form" method="POST" action="<base:url href='actions/account-auth/base-info/update.json'/>" onsubmit="return false">
						<div class="form-group">
							<label class="col-sm-3 control-label">性别</label>
							<div class="col-sm-8">
								<div class="row compact">
									<div class="col-sm-4">
										<label class="input-group">
											<span class="input-group-addon"><input name="gender" type="radio" value="MALE" data-vld="{required:true}" autocomplete="off"></span>
											<div class="form-control">男</div>
										</label>
									</div>
									<div class="col-sm-4">
										<label class="input-group">
											<span class="input-group-addon"><input name="gender" type="radio" value="FEMALE" autocomplete="off"></span>
											<div class="form-control">女</div>
										</label>
									</div>
									<div class="col-sm-4">
										<label class="input-group">
											<span class="input-group-addon"><input name="gender" type="radio" value="UNKNOWN" autocomplete="off"></span>
											<div class="form-control">保密</div>
										</label>
									</div>
								</div>
								<div class="vld-tips"></div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary do-submit">保存</button>
				</div>
			</div>
		</div>
	</div>

	<div class="modal modal-edit-password" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">修改密码</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal vld-form" method="POST" action="<base:url href='actions/account-auth/password/update.json'/>" onsubmit="return false">
						<div class="form-group">
							<label class="col-sm-3 control-label">原密码</label>
							<div class="col-sm-8">
								<input name="oldPassword" type="password" class="form-control" autofocus placeholder="请输入原登录密码"
									data-vld="[ {required:true} ]" />
								<div class="vld-tips"></div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">新密码</label>
							<div class="col-sm-8">
								<input name="newPassword" type="password" class="form-control" placeholder="请输入新登录密码"
									data-vld="[ {required:true}, {length:[6,50]}, {pwdlevel:'medium'}, {compare:'[name=oldPassword]',reverse:true} ]" />
								<div class="vld-tips"></div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">确认新密码</label>
							<div class="col-sm-8">
								<input name="confirmPassword" type="password" class="form-control" placeholder="请再次输入新登录密码"
									data-vld="[ {required:true}, {compare:'[name=newPassword]'} ]" />
								<div class="vld-tips"></div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary do-submit">保存</button>
				</div>
			</div>
		</div>
	</div>

	<div class="modal modal-edit-phone" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">更换手机号码</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal vld-form" name="valid" method="POST" action="<base:url href='actions/account-auth/change-phone/create-token.json'/>" onsubmit="return false">
						<div class="form-group">
							<label class="col-sm-3 control-label">原手机号码</label>
							<div class="col-sm-8">
								<input name="phone" type="text" class="form-control" data-clear="false" disabled placeholder="未设置" />
								<div class="vld-tips"></div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">补全号码</label>
							<div class="col-sm-8">
								<input name="phonePartCode" type="text" class="form-control"  data-vld="[ {required:true} ]" placeholder="星号代表的几位数字是什么" />
								<div class="vld-tips"></div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">登录密码</label>
							<div class="col-sm-8">
								<input name="password" type="password" class="form-control" data-vld="[ {required:true} ]" placeholder="请输入登录密码" />
								<div class="vld-tips"></div>
							</div>
						</div>
					</form>
					<form class="form-horizontal vld-form hide" name="reset" method="POST" action="<base:url href='actions/account-auth/change-phone/by-valid-code.json'/>" onsubmit="return false">
						<div class="form-group">
							<label class="col-sm-3 control-label">原手机号码</label>
							<div class="col-sm-8">
								<input name="phone" type="text" class="form-control" data-clear="false" disabled placeholder="未设置" />
								<input type="hidden" name="token"/>
								<div class="vld-tips"></div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">新手机号码</label>
							<div class="col-sm-8">
								<div class="input-group input-btn-box">
									<input name="account" type="text" class="form-control" data-vld="[ {required:true}, {regexp:'mobile'}, {ajax:'<base:url href="actions/account-auth/register/available.json"/>',fields:'account'} ]" />
									<div class="input-group-btn"> <button class="btn btn-default do-send" data-countdown="{second}秒后重试" data-fields="{phone:'account',token:'token'}" data-url="<base:url href='actions/account-auth/change-phone/send-valid-code.json'/>">发送验证码</button> </div>
								</div>
								<div class="vld-tips"></div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">短信验证码</label>
							<div class="col-sm-8">
								<input name="validCode" type="text" class="form-control" data-vld="{required:true}" />
								<div class="vld-tips"></div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary do-next">下一步</button>
					<button type="button" class="btn btn-primary do-submit hide" data-options="message:'保存'">提交</button>
				</div>
			</div>
		</div>
	</div>

	<%@ include file="../../_/script.jsp"%>
	<script src="<base:url href='assets/libs/zfiles/upload.js'/>" type="text/javascript"></script>
	<script src="<base:url href='assets/libs/zhh.validate/code/zhh.validate.js'/>" type="text/javascript"></script>
	<script src="<base:url href='assets/base/core/bootstrap/plugins-init.js'/>" type="text/javascript" data-zload-ignore="true"></script>
	<script src="<base:url href='assets/pc/auth/auth-base.js'/>" type="text/javascript"></script>
	<script src="<base:url href='assets/pc/mine/personnel/user-profile.js'/>" type="text/javascript"></script>
	<%@ include file="../../_/analysis.jsp"%>
</body>
</html>
